// 基于axios封装网络请求
import request from 'axios'
// import router from '@/router'
import Notify from '@/ui/Notify.js'
import router from '@/router'
import { getToken, removeToken } from './token'
// , setToken
// import { getNewTokenAPI } from '@/api/index.js'

const axios = request.create({
  baseURL: 'http://toutiao.itheima.net',
  timeout: 1000
})

// 添加请求拦截器
// 本质就是一个函数
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  if (getToken()?.length > 0 && config.headers.Authorization === undefined) {
    config.headers.Authorization = `Bearer ${getToken()}`
  } return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response
}, async function (error) {
  // 对响应错误做点什么
  // console.dir(error)
  // 只有401表示身份过期，需要重新登录
  if (error.response.status === 401) {
    // 不能使用this.$router是因为this不是vue组件中的对象，无法调用
    // 解决为了拿到this.$router对象，所以直接去上面引入
    // Notify({ type: 'warning', message: '请重新登录' })
    removeToken()
    // 方法一：强制跳转，用户有感知
    router.replace(`/login?path=${router.currentRoute.fullPath}`)

    // 方法二：使用refresh_token换回新的token继续使用，js代码实现，用户无感知
    // const { data: res } = await getNewTokenAPI()
    // // 1.返回新的token，要更新token
    // setToken(res.data.token)
    // // 2.更新请求头的token
    // error.config.headers.Authorization = `Bearer ${res.data.token}`
    // // 3.完成未完成的请求，error.config就是上一次请求的配置对象，结果要return 回原本逻辑页面调用的地方
    // return axios(error.config)
  } else if (error.response.status === 500 && error.config.url === '/v1_0/authorizations' && error.config.method === 'put') {
    // 清除本地localStorage所有值
    localStorage.clear()
    router.push('/login')
    Notify({ type: 'warning', message: '请先登录' })
  }

  // return Promise.reject(error)
})

export default ({ url, method = 'GET', params = {}, data = {}, headers = {} }) => {
  return axios({
    url,
    method,
    params,
    data,
    headers
  })

  // return new Promise((resolve, reject) => {
  //   // 判断如果params有值，需要自己写js代码，把pareams对象里key和value拼接上url
  //   $.ajax({
  //     url,
  //     data,
  //     headers,
  //     type: method,
  //     success: (res) => {
  //       resolve(res)
  //     },
  //     error: err => {
  //       reject(err)
  //     }
  //   })
  // })
}
